<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/1.css">
    <style>
        #page-header{
            position: fixed;
            background: #141729;
            z-index: 10000;
        }
        #hero{
            margin-top: 20px;
        }
        #content{
            margin: 0 61px 0 61px;
            padding: 24px 24px 24px ;
        }
        #header{
            margin: 0 60px 0 60px;
            padding: 0 32px;
        }
        #change{
            margin-top: 10px;
        }
    </style>
</head>
<body>
    <div id="page-container" >
        <header id="page-header">
            <!-- Header Content -->
            <div id="header">
                <div class="content-header">

                    <!-- Left Section -->
                    <div class="content-header-section">
                        <!-- Logo -->
                        <div class="content-header-item">
                            <a class="link-effect font-w700 mr-5" href="https://www.sheui.com/" one-link-mark="yes">
                                <span class="font-size-xl " style="color: white;">
                                    <img src="https://www.sheui.com/assets/logo.svg" class="mr-1 mb-5" height="20" alt="">
                                    She
                                </span>
                                <span class="font-size-xl text-primary">
                                    Ui
                                </span>
                            </a>
                        </div>
                        
                        <button type="button" class="btn btn-dual-secondary ml-10 d-none d-sm-inline" style="color: white;" id="page-header-notifications" data-="">
                            <img src="./img/menu.png" alt="" width="20">  标签分类
                        </button>
                        
                        <!-- 搜索框 -->
                        <button type="button" class="btn btn-dual-secondary">
                            <img src="./img/search.png" width="15" alt="">
                        </button>
    
                        <ul class="nav-main-header">
                            <li>
                                <a href="#" one-link-mark="yes">首页</a>
                            </li>
                            <li>
                                <a href="#" one-link-mark="yes">设计</a>
                            </li>
                            <li>
                                <a href="#" one-link-mark="yes">素材</a>
                            </li>
                            <li>
                                <a href="#" one-link-mark="yes">工具</a>
                            </li>
                            <li>
                                <a href="#" one-link-mark="yes">截屏</a>
                            </li>
                            <li>
                                <a href="#" one-link-mark="yes">更多</a>
                                <ul>
                                    <li>
                                        <a href="#" one-link-mark="yes">贴吧</a>
                                    </li>
                                    <li>
                                        <a href="#" one-link-mark="yes">酷站</a>
                                    </li>
                                    <li>
                                        <a href="#" one-link-mark="yes">贴吧</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="#" one-link-mark="yes">设计师导航</a>
                            </li>                       
                        </ul>
                        
                        
                        
                    </div>
                    
                    <!-- 右导航 -->
                    <div class="content-header-section">
    
                        <a href="#" class="d-none d-sm-inline" one-link-mark="yes">
                            <button type="button" class="btn btn-outline-warning font-w400">
                                <img src="./img/cash.png" width="20" alt="">
                                开通账号
                            </button>
                        </a>
    
                        <div class="btn-group">
                            <button type="button" class="btn btn-secondary dropdown-toggle ml-5" id="page-header-user-dropdown">
                                <img src="./img/people.png" width="15" alt="">
                                <span class="ml-5 d-none d-sm-inline">我的</span>
                            </button>
                            <div class="dropdown-menu dropdown-menu-right min-width-150 mt-20"></div>
                        </div>
                    </div>
                   
                </div>
            </div>
            
            

           
        </header>
        <div id="content">
            <main id="main-container" style="min-height: 327.8px;">
                <div class="content content-full" >
                    <h2 class="content-heading">
                        <a href="#" id="change" class="btn btn-sm btn-rounded btn-alt-secondary text-muted float-right" one-link-mark="yes">
    
                            换一批
                        </a>
                        <ul class="nav nav-pills js-tabs-enabled" id="hero">
                            <li class="nav-item">
                                <a href="#" class="nav-link active font-w400">首页推荐</a>
                            </li>
                            <li class="nav-item d-none d-sm-inline"">
                                <a href="#" class="nav-link font-w400 mx-30">新鲜发布</a>
                            </li>
                            <li class="nav-item d-none d-sm-inline">
                                <a href="#" class="nav-link font-w400 mx-30">热门佳作</a>
                            </li>
                        </ul>
                    </h2>
                    <div class="tab-content overflow-hidden">
                        <div class="tab-pane fade show active" id="home-red">
                            <div class="row row-deck">
                                <div class="col-md-6 col-xl-3">
                                    <a href="#" class="block block-rounded block-link-pop d-flex flex-column" title="">
                                        <div class="block-content p-0 overflow-hidden">
                                            <img src="./img/1.png" alt="每日优鲜品牌视觉升级3.0" class="img-fluid rounded-top" >
                                        </div>
                                        <div class="block-content">
                                            <h4 class="font-size-h6 mb-2 text-truncate">
                                                每日优鲜品牌视觉升级3.0  
                                            </h4>
                                            <p class="text-gray mb-2">
                                                #品牌设计
                                            </p>
                                            <div class="row no-gutters py-10 font-size-sm text-truncate">
                                                <div class="col-3">
                                                    <img src="./img/eye.png" width="15" alt="">
                                                    <span class="text-gray font-w400">
                                                        785
                                                    </span>
                                                </div>
                                                <div class="col-3">
                                                    <img src="./img/msg.png" width="15" alt="">
                                                    <span class="text-gray font-w400">2</span>
                                                </div>
                                                <div class="col-6">
                                                    <img src="./img/copyright.png" width="15" alt="">
                                                    <span class="text-gray font-w400">cht</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-md-6 col-xl-3">
                                    <a href="#" class="block block-rounded block-link-pop d-flex flex-column" title="">
                                        <div class="block-content p-0 overflow-hidden">
                                            <img src="./img/1.png" alt="每日优鲜品牌视觉升级3.0" class="img-fluid rounded-top" >
                                        </div>
                                        <div class="block-content">
                                            <h4 class="font-size-h6 mb-2 text-truncate">
                                                每日优鲜品牌视觉升级3.0  
                                            </h4>
                                            <p class="text-gray mb-2">
                                                #品牌设计
                                            </p>
                                            <div class="row no-gutters py-10 font-size-sm text-truncate">
                                                <div class="col-3">
                                                    <img src="./img/eye.png" width="15" alt="">
                                                    <span class="text-gray font-w400">
                                                        785
                                                    </span>
                                                </div>
                                                <div class="col-3">
                                                    <img src="./img/msg.png" width="15" alt="">
                                                    <span class="text-gray font-w400">2</span>
                                                </div>
                                                <div class="col-6">
                                                    <img src="./img/copyright.png" width="15" alt="">
                                                    <span class="text-gray font-w400">cht</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-md-6 col-xl-3">
                                    <a href="#" class="block block-rounded block-link-pop d-flex flex-column" title="">
                                        <div class="block-content p-0 overflow-hidden">
                                            <img src="./img/1.png" alt="每日优鲜品牌视觉升级3.0" class="img-fluid rounded-top" >
                                        </div>
                                        <div class="block-content">
                                            <h4 class="font-size-h6 mb-2 text-truncate">
                                                每日优鲜品牌视觉升级3.0  
                                            </h4>
                                            <p class="text-gray mb-2">
                                                #品牌设计
                                            </p>
                                            <div class="row no-gutters py-10 font-size-sm text-truncate">
                                                <div class="col-3">
                                                    <img src="./img/eye.png" width="15" alt="">
                                                    <span class="text-gray font-w400">
                                                        785
                                                    </span>
                                                </div>
                                                <div class="col-3">
                                                    <img src="./img/msg.png" width="15" alt="">
                                                    <span class="text-gray font-w400">2</span>
                                                </div>
                                                <div class="col-6">
                                                    <img src="./img/copyright.png" width="15" alt="">
                                                    <span class="text-gray font-w400">cht</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-md-6 col-xl-3">
                                    <a href="#" class="block block-rounded block-link-pop d-flex flex-column" title="">
                                        <div class="block-content p-0 overflow-hidden">
                                            <img src="./img/1.png" alt="每日优鲜品牌视觉升级3.0" class="img-fluid rounded-top" >
                                        </div>
                                        <div class="block-content">
                                            <h4 class="font-size-h6 mb-2 text-truncate">
                                                每日优鲜品牌视觉升级3.0  
                                            </h4>
                                            <p class="text-gray mb-2">
                                                #品牌设计
                                            </p>
                                            <div class="row no-gutters py-10 font-size-sm text-truncate">
                                                <div class="col-3">
                                                    <img src="./img/eye.png" width="15" alt="">
                                                    <span class="text-gray font-w400">
                                                        785
                                                    </span>
                                                </div>
                                                <div class="col-3">
                                                    <img src="./img/msg.png" width="15" alt="">
                                                    <span class="text-gray font-w400">2</span>
                                                </div>
                                                <div class="col-6">
                                                    <img src="./img/copyright.png" width="15" alt="">
                                                    <span class="text-gray font-w400">cht</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-md-6 col-xl-3">
                                    <a href="#" class="block block-rounded block-link-pop d-flex flex-column" title="">
                                        <div class="block-content p-0 overflow-hidden">
                                            <img src="./img/1.png" alt="每日优鲜品牌视觉升级3.0" class="img-fluid rounded-top" >
                                        </div>
                                        <div class="block-content">
                                            <h4 class="font-size-h6 mb-2 text-truncate">
                                                每日优鲜品牌视觉升级3.0  
                                            </h4>
                                            <p class="text-gray mb-2">
                                                #品牌设计
                                            </p>
                                            <div class="row no-gutters py-10 font-size-sm text-truncate">
                                                <div class="col-3">
                                                    <img src="./img/eye.png" width="15" alt="">
                                                    <span class="text-gray font-w400">
                                                        785
                                                    </span>
                                                </div>
                                                <div class="col-3">
                                                    <img src="./img/msg.png" width="15" alt="">
                                                    <span class="text-gray font-w400">2</span>
                                                </div>
                                                <div class="col-6">
                                                    <img src="./img/copyright.png" width="15" alt="">
                                                    <span class="text-gray font-w400">cht</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-md-6 col-xl-3">
                                    <a href="#" class="block block-rounded block-link-pop d-flex flex-column" title="">
                                        <div class="block-content p-0 overflow-hidden">
                                            <img src="./img/1.png" alt="每日优鲜品牌视觉升级3.0" class="img-fluid rounded-top" >
                                        </div>
                                        <div class="block-content">
                                            <h4 class="font-size-h6 mb-2 text-truncate">
                                                每日优鲜品牌视觉升级3.0  
                                            </h4>
                                            <p class="text-gray mb-2">
                                                #品牌设计
                                            </p>
                                            <div class="row no-gutters py-10 font-size-sm text-truncate">
                                                <div class="col-3">
                                                    <img src="./img/eye.png" width="15" alt="">
                                                    <span class="text-gray font-w400">
                                                        785
                                                    </span>
                                                </div>
                                                <div class="col-3">
                                                    <img src="./img/msg.png" width="15" alt="">
                                                    <span class="text-gray font-w400">2</span>
                                                </div>
                                                <div class="col-6">
                                                    <img src="./img/copyright.png" width="15" alt="">
                                                    <span class="text-gray font-w400">cht</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-md-6 col-xl-3">
                                    <a href="#" class="block block-rounded block-link-pop d-flex flex-column" title="">
                                        <div class="block-content p-0 overflow-hidden">
                                            <img src="./img/1.png" alt="每日优鲜品牌视觉升级3.0" class="img-fluid rounded-top" >
                                        </div>
                                        <div class="block-content">
                                            <h4 class="font-size-h6 mb-2 text-truncate">
                                                每日优鲜品牌视觉升级3.0  
                                            </h4>
                                            <p class="text-gray mb-2">
                                                #品牌设计
                                            </p>
                                            <div class="row no-gutters py-10 font-size-sm text-truncate">
                                                <div class="col-3">
                                                    <img src="./img/eye.png" width="15" alt="">
                                                    <span class="text-gray font-w400">
                                                        785
                                                    </span>
                                                </div>
                                                <div class="col-3">
                                                    <img src="./img/msg.png" width="15" alt="">
                                                    <span class="text-gray font-w400">2</span>
                                                </div>
                                                <div class="col-6">
                                                    <img src="./img/copyright.png" width="15" alt="">
                                                    <span class="text-gray font-w400">cht</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-md-6 col-xl-3">
                                    <a href="#" class="block block-rounded block-link-pop d-flex flex-column" title="">
                                        <div class="block-content p-0 overflow-hidden">
                                            <img src="./img/1.png" alt="每日优鲜品牌视觉升级3.0" class="img-fluid rounded-top" >
                                        </div>
                                        <div class="block-content">
                                            <h4 class="font-size-h6 mb-2 text-truncate">
                                                每日优鲜品牌视觉升级3.0  
                                            </h4>
                                            <p class="text-gray mb-2">
                                                #品牌设计
                                            </p>
                                            <div class="row no-gutters py-10 font-size-sm text-truncate">
                                                <div class="col-3">
                                                    <img src="./img/eye.png" width="15" alt="">
                                                    <span class="text-gray font-w400">
                                                        785
                                                    </span>
                                                </div>
                                                <div class="col-3">
                                                    <img src="./img/msg.png" width="15" alt="">
                                                    <span class="text-gray font-w400">2</span>
                                                </div>
                                                <div class="col-6">
                                                    <img src="./img/copyright.png" width="15" alt="">
                                                    <span class="text-gray font-w400">cht</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-md-6 col-xl-3">
                                    <a href="#" class="block block-rounded block-link-pop d-flex flex-column" title="">
                                        <div class="block-content p-0 overflow-hidden">
                                            <img src="./img/1.png" alt="每日优鲜品牌视觉升级3.0" class="img-fluid rounded-top" >
                                        </div>
                                        <div class="block-content">
                                            <h4 class="font-size-h6 mb-2 text-truncate">
                                                每日优鲜品牌视觉升级3.0  
                                            </h4>
                                            <p class="text-gray mb-2">
                                                #品牌设计
                                            </p>
                                            <div class="row no-gutters py-10 font-size-sm text-truncate">
                                                <div class="col-3">
                                                    <img src="./img/eye.png" width="15" alt="">
                                                    <span class="text-gray font-w400">
                                                        785
                                                    </span>
                                                </div>
                                                <div class="col-3">
                                                    <img src="./img/msg.png" width="15" alt="">
                                                    <span class="text-gray font-w400">2</span>
                                                </div>
                                                <div class="col-6">
                                                    <img src="./img/copyright.png" width="15" alt="">
                                                    <span class="text-gray font-w400">cht</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-md-6 col-xl-3">
                                    <a href="#" class="block block-rounded block-link-pop d-flex flex-column" title="">
                                        <div class="block-content p-0 overflow-hidden">
                                            <img src="./img/1.png" alt="每日优鲜品牌视觉升级3.0" class="img-fluid rounded-top" >
                                        </div>
                                        <div class="block-content">
                                            <h4 class="font-size-h6 mb-2 text-truncate">
                                                每日优鲜品牌视觉升级3.0  
                                            </h4>
                                            <p class="text-gray mb-2">
                                                #品牌设计
                                            </p>
                                            <div class="row no-gutters py-10 font-size-sm text-truncate">
                                                <div class="col-3">
                                                    <img src="./img/eye.png" width="15" alt="">
                                                    <span class="text-gray font-w400">
                                                        785
                                                    </span>
                                                </div>
                                                <div class="col-3">
                                                    <img src="./img/msg.png" width="15" alt="">
                                                    <span class="text-gray font-w400">2</span>
                                                </div>
                                                <div class="col-6">
                                                    <img src="./img/copyright.png" width="15" alt="">
                                                    <span class="text-gray font-w400">cht</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-md-6 col-xl-3">
                                    <a href="#" class="block block-rounded block-link-pop d-flex flex-column" title="">
                                        <div class="block-content p-0 overflow-hidden">
                                            <img src="./img/1.png" alt="每日优鲜品牌视觉升级3.0" class="img-fluid rounded-top" >
                                        </div>
                                        <div class="block-content">
                                            <h4 class="font-size-h6 mb-2 text-truncate">
                                                每日优鲜品牌视觉升级3.0  
                                            </h4>
                                            <p class="text-gray mb-2">
                                                #品牌设计
                                            </p>
                                            <div class="row no-gutters py-10 font-size-sm text-truncate">
                                                <div class="col-3">
                                                    <img src="./img/eye.png" width="15" alt="">
                                                    <span class="text-gray font-w400">
                                                        785
                                                    </span>
                                                </div>
                                                <div class="col-3">
                                                    <img src="./img/msg.png" width="15" alt="">
                                                    <span class="text-gray font-w400">2</span>
                                                </div>
                                                <div class="col-6">
                                                    <img src="./img/copyright.png" width="15" alt="">
                                                    <span class="text-gray font-w400">cht</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-md-6 col-xl-3">
                                    <a href="#" class="block block-rounded block-link-pop d-flex flex-column" title="">
                                        <div class="block-content p-0 overflow-hidden">
                                            <img src="./img/1.png" alt="每日优鲜品牌视觉升级3.0" class="img-fluid rounded-top" >
                                        </div>
                                        <div class="block-content">
                                            <h4 class="font-size-h6 mb-2 text-truncate">
                                                每日优鲜品牌视觉升级3.0  
                                            </h4>
                                            <p class="text-gray mb-2">
                                                #品牌设计
                                            </p>
                                            <div class="row no-gutters py-10 font-size-sm text-truncate">
                                                <div class="col-3">
                                                    <img src="./img/eye.png" width="15" alt="">
                                                    <span class="text-gray font-w400">
                                                        785
                                                    </span>
                                                </div>
                                                <div class="col-3">
                                                    <img src="./img/msg.png" width="15" alt="">
                                                    <span class="text-gray font-w400">2</span>
                                                </div>
                                                <div class="col-6">
                                                    <img src="./img/copyright.png" width="15" alt="">
                                                    <span class="text-gray font-w400">cht</span>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
    
                                
                               
                            </div>
                             
                        </div>
                    </div>
                </div>
            </main>
        </div>
       
        
    </div>
</body>
</html>